<template>
    <div>
        <common-echart :data="data" type="bar" :form-list="formList"></common-echart>
        <el-form-item label="进度标题">
            <el-input v-model="data.options.title"></el-input>
        </el-form-item>
        <el-form-item label="进度条宽">
            <el-input type="number" v-model="data.options.strokeWidth"></el-input>
        </el-form-item>
        <el-form-item label="进度颜色">
            <el-color-picker v-model="data.options.customColor"></el-color-picker>
        </el-form-item>
    </div>
</template>
<script>
import CommonEchart from './CommonEchart'
import {getEchartByType} from '@/api/api'
export default {
    name: 'SetProgressEchart',
    components: {
        CommonEchart
    },
    props: {
        data: {
            type: Object
        },
        selectDict: {
            type: Array
        },
        formList: {
           type: Array 
        }
    }
}
</script>
<style lang="scss" scoped>
    .colors{
        display: block;
        li{
            display: inline-block;
            width: 30px;
            height: 20px;
            margin-left: 5px;
        }
    }
</style>
